    #food {
        width: 1200px;
        margin: 0 auto;
        margin-top: 20px;
    }
    #food .border1{
        border-top: 1px solid #ff7b30;
    }
    #food .border2{
        border-top: 1px solid #42B983;
    }
    #food .border3{
        border-top: 1px solid #2289FF;
    }
    #food .border4{
        border-top: 1px solid #000000;
    }
    #food .border5{
        border-top: 1px solid #FF2F91;
    }
    #food .food-list {
        height: 40px;
    }

    #food .food-list .i {
        display: inline-block;
        width: 5px;
        margin-top: 3px;
        height: 25px;
        float: left;
        background-color: #ff7b30;
    }
    #food .food-list .i2{
        background-color: #1BB145;
    }
    #food .food-list .i3{
        background-color: #2289FF;
    }
    #food .food-list .i4{
        background-color: #000000;
    }
    #food .food-list .i5{
        background-color: #FF2F91;
    }

    #food .food-list h2 {
        color: #FF7B30;
        margin-left: 10px;
        display: inline-block;
    }
    #food .food-list .h2{
        color: #1BB145;
    }
    #food .food-list .h3{
        color: #2289FF;
    }
    #food .food-list .h4{
        color: #000000;
    }
    #food .food-list .h5{
        color: #FF2F91;
    }

    #food .food-list p {
        margin-left: 30px;
        font-size: 14px;
        display: inline-block;
    }

    #food .food-list p>a {
        margin-right: 10px;
        color: #999999;
    }

    #food .food-list p>a:hover {
        color: #ea2323;
    }

    #food .food-list .fr {
        font-size: 14px;
        margin-top: 10px;
    }
    #food .food-list .fr a{
        color: #878787;
    }
    #food .food-list .fr .a1:hover  {
        color: #FF7B30;
    }
    #food .food-list .fr .a2:hover  {
        color: #1BB145;
    }
    #food .food-list .fr .a3:hover  {
        color: #2289FF;
    }
    #food .food-list .fr .a4:hover  {
        color: #000000;
    }
    #food .food-list .fr .a5:hover  {
        color: #FF2F91;
    }
    #food  .about ul{
        width: 930px;
    }
    #food .about ul li{
        width: 190px;
        height: 265px;
        text-align: center;
        margin: 5px 10px;
        padding: 0 10px;
        display: inline-block;
        border: 1px solid #E9E9E9;
        background-color: #FFFFFF;
        
    }
    
    #food .about li p{
        white-space : nowrap;
        overflow : hidden;
        text-overflow : ellipsis;
        margin-top: 5px;
    }
    #food .about li .p2{
        color: #C52E13;
        font-size: 20px;
    }
    #food .about li:hover{
          box-shadow: 0 15px 30px -8px rgb(0 36 100 / 30%);
          transition: box-shadow .5s;
          transform: translateY(-4px);
          position: relative;
          z-index:99;
     }
     #walk{
         width: 1200px;
         margin: 0 auto;
         margin-top: 20px;
     }
     #walk>h2{
         text-align: center;
         font-weight: 500;
     }
     #walk .goods li{
         width: 205px;
         height: 260px;
         margin: 0 5px;
         background-color: #FFFFFF;
         border: 1px solid #E9E9E9;
         padding: 0 10px;
         display: inline-block;
         text-align: center;
         margin-top: 20px;
     }
     #walk .goods li:hover{
         box-shadow: 0 15px 30px -8px rgb(0 36 100 / 30%);
         transition: box-shadow .5s;
         transform: translateY(-4px);
         position: relative;
         z-index:99;
     }
    #walk .goods li p{
        white-space : nowrap;
        overflow : hidden;
        text-overflow : ellipsis;
        margin-top: 20px;
    }
    #walk .goods li span{
        font-size: 20px;
        color: #C52E13;
        float: left;
    }